$class-prefix: 'tabs';
.#{$class-prefix} {
  &-bar {
    margin-bottom: 16px;
    position: relative;
    // margin-left: 20px;
  }
  &-nav {
    font-size: 14px;
    &:after, &:before {
      content: "";
      display: table;
    }
    &:after {
      clear: both;
    }
  }
  &-nav > &-tab {
    float: left;
    list-style: none;
    margin-right: 24px;
    padding: 8px 20px;
    text-decoration: none;
    color: #666;
    cursor: pointer;
  }
  .line {
    heigth: 4px;

  }
  &-nav > &-active {
    border-bottom: 2px solid #00c49f;
    color: #00c49f;
    cursor: default;
  }
  &-content &-panel {
    display: none;
  }
  &-content &-active {
    display: block;
  }
}
